<template>
  <div>
    <section>
      <ul>
        <li  v-for="(item, index) in list" :key="index">
          <div>
            <span>{{ item.id }}</span><span>{{ item.name }}</span>
            <button>删除</button>
          </div>
        </li>
      </ul>
    </section>
  </div>
</template>

<script>
export default {
  el: '#app',
  data(){
    return {list: [
        {id: 1, name: '喻'},
        {id: 2, name: '轩'}
      ]
    }
  }
}
</script>

<style>

</style>